<template>
	<view>
		<view>swiper滑动视图</view>
		<swiper :indicator-dots="showdots" :autoplay="auto" :interval="interval" duration="duration">
			<swiper-item>
				<view class="bg-blue-item">A</view>
			</swiper-item>
			<swiper-item>
				<view class="bg-green-item">B</view>
			</swiper-item>
			<swiper-item>
				<view class="bg-red-item">C</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				showdots:true,
				auto:true,
				interval:5000,
				duration:500
			}
		},
		methods:{
			
		}
	}
</script>

<style>
	.item{
		height: 800upx;
	}
	.bg-blue{
		background-color: blue;
	}
	.bg-green{
		background-color: green;
	}
	.bg-red{
		background-color: red;
	}
</style>